<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport"content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <link rel="stylesheet" href="../../css/Token_Start.css"/>
    <link rel="stylesheet" href="../../common/common.css"/>
    <link rel="stylesheet" href="../../css/token_asset.css"/>
</head>
<body>
<header class="Order_header">
    <strong class="Token_Transaction" id="ETH_Transfer"><img src="../../img/left.png" alt=""/></strong>
    <span>
      <p>转账人信息</p>
    </span>
</header>


<div class="Append_content Transfer ">
    <ul class="transfer-basic">
        <li><input type="text" placeholder="收款人地址"/> <i class="icon-user"></i></li>
        <li><input type="text" placeholder="转账金额"/> </li>
        <li><input type="text" placeholder="备注"/> </li>
        <li class="Transfer_Slider" >
            <div class="KG_money">旷工费用</div>
            <div class="range-div">
                <span>慢</span>
                <input type="range" value="5" min="1" max="10" id="range">
                <span>快</span>
            </div>
            <p>0.00012356 ETH</p>
        </li>
    </ul>
    <ul class="transfer-advance">
        <li><input type="text" placeholder="自定义Gas Price"/> <span class="pull-right">gwei</span></li>
        <li><input type="text" placeholder="自定义 Gas"/> </li>
        <div class="Transfer_input">
            <textarea placeholder="十六制数据"></textarea>
        </div>
    </ul>

</div>

<div class="Transfer_select">
    <span>高级选项</span>&nbsp;&nbsp;
    <span id="advanceOpen"></span>
</div>

<div class="Append_content2">  <span id="payNext">下 一 步</span>  </div>
<div class="bottom-aside-pay">
    <div class="confirm-pay">
        <div class="confirm-pay-head">
            <span id="cancelPay"><img src="../../img/close-aside.png" alt=""/></span> 确 定 支 付
        </div>
        <div class="confirm-pay-body">
            <div> 21.0023ETH</div>
            <ul class="confirm-pay-txt">
                <li>订单信息 <span class="pull-right">转账</span></li>
                <li>转入地址 <span class="pull-right">oxdsjihsadkhbsdksdjsidkpwdop]err32rdpslfldf34oasdrovlkkc</span></li>
                <li>付款钱包 <span class="pull-right">oxdsjihsadk...f34oasdrovlkkc</span></li>
                <li>矿工费 <span class="pull-right">0.23ssw</span></li>
            </ul>
            <div class="confirm-pay-btn js-pay-btn">立 即 支 付</div>
        </div>
    </div>
	<div class="confirm-input">
	  <div class="confirm-head">
	  	<img src="../../img/right_arr.png" class="left-img js-pay-back"> 钱 包 支 付
	  </div>
	  <div class="confirm-head-txt">
			<div>请输入密码</div>
			<div><input type="password" /></div>
			<div class="confirm-pay-btn head-txt js-pay-page">确 定</div>
	  </div>
	</div>
</div>


<script src="../../js/jquery-3.2.1.min.js"></script>
<script>
    $("#ETH_Transfer").click(function(){
        location.href='Token_assets_ETH.html'
    })
    $().ready(function(){
        $("#range").change(function(){
            var val=$(this).val();
            console.log("range",val);
        })
        /* Transfer_select #advanceOpen */
        $(".Transfer_select").on("click",function(){
            var adv=$(".transfer-advance").css("display");
            var img="<img src='../../img/Yes2.png' />";
            if(adv=="none"){
                $("#advanceOpen").append(img);
                $(".transfer-advance").css("display","block");
                $(".Transfer_Slider").css("display","none");
            }else{
                $("#advanceOpen").find("img").remove();
                $(".transfer-advance").css("display","none");
                $(".Transfer_Slider").css("display","block");
            }
        });
        //点击下一步 确定支付框从下面跳出
        $("#payNext").on("click",function(){
			$(".bottom-aside-pay").css("display","block");
        });
        $("#cancelPay").on("click",function(){
        	$(".bottom-aside-pay").css("display","none");
        });
        //立即支付，弹出输入密码
        $(".js-pay-btn").on("click",function(){
        	$(".confirm-pay").css("display","none");
        	$(".confirm-input").css("display","block");
        });
        //输入密码返回上一页
        $(".js-pay-back").on("click",function(){
        	$(".confirm-pay").css("display","block");
        	$(".confirm-input").css("display","none");
        })
		//输入密码， 跳转下一页
		$(".js-pay-page").on("click",function(){
			location.href="Token_assets_order.html"
		})
    })

</script>


</body>
</html>